<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="/static/wechat/css/mui.min.css">
    <style type="text/css">
        .mui-bar-nav {
            background-color: #002849;
        }
        .mui-title {
            color: #B2B055;
        }
    </style>
</head>
<body>
<script src="/static/wechat/js/mui.min.js"></script>
<script type="text/javascript">
    mui.init()
</script>
<div class="mui-content">
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.go(-1);"></a>
        <h1 class="mui-title">货运报价系统</h1>
        <a class="mui-icon mui-icon-bars mui-pull-right" href="{:url('wechat/index/index')}"></a>
    </header>
    <div style="margin-top: 52px"></div>
    <div class="mui-card">
        <div class="mui-card-header">订单信息</div>
        <div class="mui-card-content">
            <div class="mui-card-content-inner">
                <ul class="mui-table-view" style="margin-top: 6px;text-align: center;color: #0062CC;">

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">订单编号：</a>
                            <a class="">{$priceInfo.order.order_number}</a>
                        </div>
                    </li>

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">货物名称：</a>
                            <a class="">{$priceInfo.order.goods}</a>
                        </div>
                    </li>

                    <li class="mui-table-view-cell">

                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">规&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</a>
                            <a class="">{$priceInfo.order.goods_attribute}</a>
                        </div>
                    </li>

                    <li class="mui-table-view-cell">

                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">重&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：</a>
                            <a class="">{$priceInfo.order.goods_weight}</a>
                        </div>

                    </li>

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">客户名称：</a>
                            <a class="">{$priceInfo.order.customer_name}</a>
                        </div>
                    </li>

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">收货地址：</a>
                            <a class="">{$priceInfo.order.destination}</a>
                        </div>

                    </li>

                    <li class="mui-table-view-cell">

                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">发货时间：</a>
                            <a class="">{$priceInfo.order.send_time|auto_time}</a>
                        </div>

                    </li>

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">备注信息：</a>
                            <a class="">{$priceInfo.order.remarks}</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="mui-card">
        <div class="mui-card-header">报价信息</div>
        <div class="mui-card-content">
            <div class="mui-card-content-inner">
                <ul class="mui-table-view" style="margin-top: 6px;text-align: center;color: #0062CC;">

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">公司名称：</a>
                            <a class="">{$priceInfo.company_name}</a>
                        </div>
                    </li>

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">商品名称：</a>
                            <a class="">{$priceInfo.order.goods}</a>
                        </div>
                    </li>

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：</a>
                            <a class="">{$priceInfo.price}</a>
                        </div>
                    </li>

                    <li class="mui-table-view-cell">

                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">规&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</a>
                            <a class="">{$priceInfo.order.goods_attribute}</a>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">

                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">税&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;率：</a>
                            <a class="">{$priceInfo.tax}</a>
                        </div>
                    </li>

                    <li class="mui-table-view-cell">

                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：</a>
                            <a class="">{$priceInfo.number}</a>
                        </div>

                    </li>

                    <li class="mui-table-view-cell">
                        <div style="float: left;">
                            <a href="" style="width: 20%;color: blue">总&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：</a>
                            <a class="">{$priceInfo.end_price}</a>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <div class="mui-card">
        <div class="mui-card-header">选中该承运方,选中以后不可更改！</div>
        <div class="mui-card-content">
            <div class="mui-card-content-inner">
                <ul class="mui-table-view">
                    <form>
                        <input type="hidden" name="order_num" value="{$priceInfo.order.order_number}">
                        <input type="hidden" name="price_id" value="{$priceInfo.id}">
                    </form>
                    <div class="mui-button-row">
                        <button type="button" class="mui-btn mui-btn-primary new_price" onclick="return false;">确认
                        </button>&nbsp;&nbsp;
                        <button type="button" class="mui-btn mui-btn-danger" onclick="return false;">取消</button>
                    </div>
                </ul>
            </div>
        </div>
    </div>
</div>
<script src="/static/plugins/AdminLTE-2.4/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/static/lib/layer/layer.js"></script>
<script>
    $('.new_price').click(function () {
        $.ajax({
            url: "{:url('wechat/express/select')}",
            type: 'POST',
            data: $('form').serialize(),
            dataType: 'json',
            success: function (data) {
                if (data.code == 1) {
                    layer.msg(data.msg, {
                            icon: 6,
                            time: 2000
                        }, function () {
                            location.href = data.url;
                        }
                    );
                } else {
                    layer.open({
                        title: '失败',
                        content: data.msg,
                        icon: 5
                    })
                }

            }
        });
        return false;
    });
</script>
</body>

</html>
